<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>家庭谱-无谱</title>
    <link rel="stylesheet" href="font-family/iconfont.css">
    <link rel="stylesheet" href="../css/app-jpshow/jpshow_style.css">
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    <script src="js/jpshow.js"></script>
</head>
<body>
<div>
    <div class="weui-navbar bg_white jp-navbar">
        <div class="weui-navbar__item weui-bar__item_on">
            <i class="icon iconfont icon-form fa-hx"></i> <br/>
            家庭谱
        </div>
        <div class="weui-navbar__item">
            <i class="icon iconfont icon-evaluate fa-hx"></i> <br/>
            家谱秀
        </div>
        <div class="weui-navbar__item">
            <i class="icon iconfont icon-piclight fa-hx"></i> <br/>
            模板库
        </div>
    </div>
    <div class="weui-search-bar jp-search-bar" id="searchBar">
        <form class="weui-search-bar__form">
            <div class="weui-search-bar__box">
                <i class="weui-icon-search"></i>
                <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
                <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
            </div>
            <label class="weui-search-bar__label" id="searchText">
                <i class="weui-icon-search"></i>
                <span>搜索家庭谱</span>
            </label>
        </form>
        <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
    </div>
    <div class="bg_white p-t-md p-b-md">
        <div class="text-center text_lg f22">
            <i class="icon iconfont icon-edit fa-2x"></i> <br/>
            您还没创建家庭谱
        </div>
        <div class="p-lr m-t-lg">
            <a href="www.baidu.com" class="weui-btn weui-btn_default btn-theme-d f16">创建您的第一本家庭谱</a>
        </div>
    </div>
</div>
</body>
</html>